<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>psd转html</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/commen.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
	<div class="public-header">
		<div class="public-container clearfloat">
			<div class="header-logo"><a href=""></a></div>
			<ul class="header-nav clearfloat">
				<li class="item"><a href="">dsf</a></li>
				<li class="item"><a href="">sdfsd</a></li>
				<li class="item"><a href="">dsfds</a></li>
				<li class="item"><a href="">sdfsd</a></li>
				<li class="item"><a href="">regtre></a></li>
			</ul>
		</div>
	</div>
	<div class="index-banner">
		<div class="index-banner-bg"><img src="" alt=""></div>
		<div class="index-banner-text">
			<div class="text-logo"></div>
			<p class="text-info">
				<i class="line line-l"></i>
				<span class="text">dsfgdsfdsfsafdsffdsfdsdgfdg fdsfdsf ds &nbsp</span> 
				<i class="line line-r"></i>
			</p>
		</div>
	</div>
	<div class="public-container index-menu">
		<div class="menu-tips">The menu</div>
		<div class="public-container menu-list">
			<ul class="clearfloat">
				<li class="menu-item clearfloat">
					<div class="title">
					<a href="">
						<h4>dsfdsfdsfdsfdsfdsfd</h4>
						<p class="comment"> sdfsd</p>
					</a>
					</div>
					<div class="line"></div>
					<div class="price">$30</div>
				</li>
				<li class="menu-item clearfloat">
					<div class="title">
					<a href="">
						<h4>dsfdsfdsfdsfdsfdsfd</h4>
						<p> sdfsd</p>
					</a>
					</div>
					<div class="line"></div>
					<div class="price">$30</div>
				</li>
			</ul>
		</div>
		<a href="" class="menu-more-btn">load more<span></span><span class="icon"></span></a>
	</div>
	<div class="public-container index-panel">
		<div class="index-panel-header">
			<h3>dfgdgdfdgfd</h3>
			<div class="line"></div>
			<div class="btn-group">
				<a href="" class="btn" active></a>
				<a href="" class="btn"></a>
				<a href="" class="btn"></a>
				<a href="" class="btn"></a>
			</div>
		</div>
		<div class="index-panel-body index-food-list">
			<ul class="clearfloat">
				<li class="food-item">
					<a href="">
						<img src="" alt="">
						<div class="name">df dsf df ds <span class="price">$3</span></div>
						<div class="star-bar">
							<span class="star"></span>
							<span class="star"></span>
							<span class="star"></span>
							<span class="star"></span>
							<span class="star nostar"></span>
						</div>
					</a>
				</li>
				<li class="food-item">
					<a href="">
						<img src="" alt="">
						<div class="name">df dsf df ds <span class="price">$3</span></div>
						<div class="star-bar">
							<span class="star"></span>
							<span class="star"></span>
							<span class="star"></span>
							<span class="star"></span>
							<span class="star nostar"></span>
						</div>
					</a>
				</li>
				<li class="food-item">
					<a href="">
						<img src="" alt="">
						<div class="name">df dsf df ds <span class="price">$3</span></div>
						<div class="star-bar">
							<span class="star"></span>
							<span class="star"></span>
							<span class="star"></span>
							<span class="star"></span>
							<span class="star nostar"></span>
						</div>
					</a>
				</li>
				<li class="food-item">
					<a href="">
						<img src="" alt="">
						<div class="name">df dsf df ds <span class="price">$3</span></div>
						<div class="star-bar">
							<span class="star"></span>
							<span class="star"></span>
							<span class="star"></span>
							<span class="star"></span>
							<span class="star nostar"></span>
						</div>
					</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="public-container index-panel">
		<div class="index-panel-header clearfloat">
			<h3>dfgdgdfdgfd</h3>
			<div class="line"></div>
			<div class="btn-group">
				<a href="" class="btn" active></a>
				<a href="" class="btn"></a>
				<a href="" class="btn"></a>
				<a href="" class="btn"></a>
			</div>
		</div>
		<div class="'index-panel-body index-pics">
			<a class="pic-col pic-col-m"><img src=""></a>
			<div class="pic-col pic-col-s">
				<a class="pic-row"><img src=""></a>
				<a class="pic-row"><img src=""></a>
			</div>
			<a class="pic-col pic-col-l"><img src=""></a>
		</div>
	</div>
	<div class="public-footer">
		<div class="public-container">
			<div class="footer-col">
				<p>dsfdsfdsfdsfdsfdsfd<br>sfdsfdsfdsfds<br>sfdsfdsfdsfds</p>
			</div>
			<div class="footer-col"></div>
			<div class="footer-col"></div>
			<div class="footer-logo"></div>
		</div>
	</div>
</body>
</html>